html {
    font-family: Microsoft YaHei;
    font-size: 14px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
a,
aside,
body,
button,
dd,
dl,
dt,
footer,
h1,
h2,
h3,
h4,
h5,
header,
html,
input,
li,
nav,
ol,
option,
p,
section,
select,
span,
table,
td,
th,
tr,
ul,
video {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
article,
aside,
figcaption,
figure,
footer,
header,
nav,
section {
    display: block;
}
li {
    list-style: none;
}
i {
    font-style: normal;
}
img {
    max-width: 100%;
    border: 0;
    display: block;
    margin: 0 auto !important;
}
a {
    color: #fff;
    text-decoration: none;
}
input {
    border: none;
}
table {
    border-spacing: 0;
}
button {
    cursor: pointer;
    border: none;
}
button:focus,
input:focus {
    outline: 0;
}
button,
input,
select {
    border: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
html, body{
    height: 90vh !important;
}
body {
    background: rgb(28 28 28) !important;
    background-size: 100% 100% !important;
    background-position: 0 114px !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    font-family: Battambang;
}
.scroll_content {
    -ms-scroll-chaining: chained;
    -ms-content-zooming: zoom;
    -ms-scroll-rails: none;
    -ms-content-zoom-limit-min: 100%;
    -ms-content-zoom-limit-max: 500%;
    -ms-scroll-snap-type: proximity;
    -ms-scroll-snap-points-x: snapList(100%,200%,300%,400%,500%);
    -ms-overflow-style: none;
    overflow: auto;
}
.text_color1 {
    color: #e3ae25;
}
.text_color2 {
    color: #e84740;
    font-weight: 700;
}
.main {
    max-height: 240px;
    overflow: hidden;
}

.title {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
}
.title,
.title > div:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.title > div:first-child img {
    display: initial;
    margin-right: 6px;
}
.title > div:first-child p {
    font-size: 18px;
    color: #3554ba;
    font-weight: 700;
}
.title > div:last-child p {
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
}
section.games_item {
    margin-top: 50px;
}
.lobby_game {
    color: #fff;
    width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}
.lobby_game_img {
    display: block;
    position: relative;
    margin-top: 10px;
}
.lobby_game_img:hover:after {
    width: 105%;
    background-color: rgba(255,255,255,0);
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .6s ease-out;
}
.lobby_game_img:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 78%;
    background-color: rgb(241 199 28);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

/**********************
	slider
*********************/
.banner .banner_img {
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.swiper-slide {
	background-position: center;
	background-size: cover;
	width: 300px;
	height: 100%;
	border-radius: 20px!important;
}
.swiper-button-next:after, 
.swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after, 
.swiper-container-rtl .swiper-button-next:after {
    color: #fde973;
}
.sec_slider .swiper-button-next{
	right: 0;
}
.sec_slider .swiper-button-prev{
	left: 0;
}
/***************
	right side
****************/
.side-nav {
    position: fixed;
    right: 0;
    background: linear-gradient(to top, #e5b022, #fbe50a);
    box-shadow: 0 3px 6px #f0da00;
    z-index: 10;
    border-radius: 20px 0 0 20px;
    overflow: hidden;
    top: 30%;
}
.side-nav .side-list {
    width: 100%;
}
.side-nav .side-list li {
    padding: 2px 16px;
    font-size: 12px;
    color: #fff;
    height: 41px;
    display: -ms-flexbox;
    /* display: flex; */
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    /* flex-direction: column; */
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}
.side-nav .side-list li:after {
    content: "";
    display: inline-block;
    width: 35px;
    background-color: #828282;
    height: 1px;
    position: absolute;
    left: auto;
    right: auto;
    bottom: 0;
}
.side-nav .side-list li:last-child:after {
    height: 0;
}
.side-nav .side-list li:hover {
    background-color: #efc517;
}
.side-nav .side-list li i {
    display: inline-block;
    width: 36px;
    height: 36px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.side-nav .ic-email {
    background-image: url(../images/icon/email.png);
}
.side-nav .ic-cs {
    background-image: url(../images/icon/ic-cs.1eebc.svg);
}
.side-nav .ic-phone-back {
    background-image: url(../images/icon/ic-phone.1e86f.svg);
}
.side-nav .ic-download {
    background-image: url(../images/icon/ic-download.10345.svg);
}
.side-nav .ic-telegram {
    background-image: url(../images/icon/telegram.png);
}
.side-nav .ic-facebook {
    background-image: url(../images/icon/facebook.png);
}
.side-nav .ic-line {
    background-image: url(../images/icon/line.png);
}
.em-icon {
   position:fixed;
   top:18%;
   right:0;
   width:85px;
   height:85px;
   background-image:url(../images/usdt_popup.6ecf2b4f.svg);
   background-size:100% auto;
   background-repeat:no-repeat;
   -webkit-animation:fudong 3s ease-in-out infinite;
   animation:fudong 3s ease-in-out infinite;
   cursor:pointer;
   z-index:99999
}
.em-icon:hover {
 -webkit-filter:brightness(1.05);
 filter:brightness(1.05)
}
@-webkit-keyframes fudong {
 0% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
 50% {
  -webkit-transform:translateY(5px);
  transform:translateY(5px)
 }
}
@keyframes fudong {
 0% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
 50% {
  -webkit-transform:translateY(5px);
  transform:translateY(5px)
 }
}
/*****************************
	header
***************************/
.wrap {
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
}
.marq_bg{
    position: relative;
    width: 500px;
    display: inline-block;
}
.bt_area {
    width: 690px;
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    position: relative;
    margin-top: 2px;
}
a.button-login {
    margin-right: 5px;
    width: 120px;
    color: #ffffff;
    /* background: transparent linear-gradient(180deg , #5d0000, #f1aa00 48%, #5d0000 100%); */
    /* background:#f77b13; */
    padding: 2px 10px;
    text-align: center;
    font-weight: bold;
    border-radius: 4px;
    outline: 0;
    cursor: pointer;
    display: inline-block;
    border: 2px solid #f1aa00;
}
a.button-register{
    padding: 3px 10px;
    text-align: center;
    font-weight: bold;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
}
.language {
    display: inline-block;
}
.language a {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 5px;
}
.marq{
    height: 25px;
    display: -ms-flexbox;
    display: flex;
    padding-left: 44px;
    background: url(../images/icon-news.598ed.svg) no-repeat 0/auto;
}
.marq:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background: linear-gradient(270deg,#171203,transparent);
}
.scrollbar::-webkit-scrollbar {
    width: 0;
    height: 1px;
    background: transparent;
}
.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
    background: #999;
}
.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: transparent;
    width: 0;
    box-shadow: 0 0 0 0 transparent;
}
.scrollbar:hover::-webkit-scrollbar {
    width: 4px;
}
.box_notice {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 590px;
    overflow: hidden;
    color: #fff;
}
.box_notice:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background: linear-gradient(270deg, #171203, transparent);
}
.notice {
    height: 34px;
    display: -ms-flexbox;
    display: flex;
    padding-left: 44px;
    background: url(../images/icon-news.598ed.svg) no-repeat 0 / auto;
}
.marquee,
.notice {
    position: relative;
}
.marquee {
    will-change: transform;
    height: 100%;
    width: 100%;
    overflow: hidden;
    cursor: pointer;
}
.marquee .swiper_content {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    padding-left: 7px;
}
.marquee .swiper_content .swiper_list {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.top_header {
    color: #fff;
    line-height: normal;
    background-color: #232323;
    z-index: 9;
}
.header_menu{
    font-size: 16px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 9;
}

.logo {
    text-align: center;
    z-index: 9999999;
}

.flex-item h5{ 
    font-family: Arial, Helvetica, sans-serif;
     color: #ffffff;
    font-size: 14px;
}
#menu li.mobile a {
padding:5px;
}
#menu li.mobile a > img {
  vertical-align: middle; 
  padding:6px 0;
}
#menu-bottom {
    padding: 8px 0px 10px 0px;
    width: 740px;
    display: inline-block;
}
#menu-bottom li:last-child a {
    border-right: 0px;
}
#menu-bottom li a {
    padding: 0px 10px;
    font-size: 12px;
    background: url(http://www.khmergaming.com/) no-repeat center left, url(http://www.khmergaming.com/) no-repeat center right;
    display: block;
    border-right: 1px solid #fff;
}
#menu-bottom li a span {
    position: relative;
}
#menu li:hover .megamenu {
    visibility: visible;
    opacity: 1;
}
#menu .megamenu {
    position: absolute;
    font-family: dinpro, sans-serif;
    top: 125%;
    left: 0px;
    right: 0px;
    background: rgb(44 44 44 / 92%);
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transform: translate3d(0,-30px,0);
    -webkit-transform: translate3d(0,-30px,0);
}
#menu .container {
    width: 1200px;
    margin: 0 auto;
}
.wrapper .casino1 div{
    display:inline-block;
    margin-right:12px;
    margin-bottom:15px;
}
.nowrap{-webkit-flex-wrap:nowrap;flex-wrap:nowrap;}.wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.flex-item {
    text-align:center;
    text-align: center;
    display: inline-block;
    width: 160px;
    padding-top: 0px !important;
}

.megamenu a{
padding: 0px !important;
}
.flex-item:last-child{border-right:none;}

.button{height:40px;padding:0 15px;}
.button .btn{display:none;opacity:0;transition:all 100ms ease-in-out;-webkit-transition:all 100ms ease-in-out;}
.flex-item:hover{background:#535353;}
.flex-item:hover .button .btn{display:block;opacity:1;}
h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.flex-item h5{
    padding:0px;
}
#menu > ul > li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 92px;
    height: 92px;
}
#menu li a:hover:before {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
#menu li a span {
    display: block;
    color: #0c0b0b;
    font-size: 20px;
    font-weight: bold;
}
#menu li.active span,
#menu li a span:hover{
    color:#ffdf1b;
}
#menu li.home > a:before {
    background-image: url('../images/nav/home.png');
}
#menu li.slot > a:before {
    background-image: url('../images/nav/slotnav.png');
}
#menu  li.poker > a:before {
    background-image: url('../images/nav/poker.png');
}
#menu li.casino > a:before {
background-image: url('../images/nav/livenav.png');
}
#menu li.fish > a:before {
    background-image: url('http://www.khmergaming.com/');
}
#menu li.lottery > a:before {
    background-image: url('../images/nav/lotterynav.png');
}
#menu li.number > a:before {
    background-image: url('../images/nav/number.png');
}
#menu li.cockfight > a:before {
    background-image: url('../images/nav/cockfight.png');
}
#menu li.sport > a:before {
    background-image: url('../images/nav/sportnav.png');
}
#menu li.forex > a:before {
    background-image: url('../images/nav/forex.png');
}
#menu li.promo > a:before {
    background-image: url('../images/nav/promotion.png');
}
#menu li.video > a:before {
    background-image: url('../images/nav/video.png');
}
#menu li.contact > a:before {
    background-image: url('../images/nav/contact.png');
}
#menu li.other > a:before {
    background-image: url('../images/nav/other.png');
}

/*****************
modal
****************/
.modal-open {
    overflow: auto;
}
.modal{
    overflow: hidden!important;
    background: rgb(0, 0, 0, 0.48);
}
.modal.show .modal-dialog {
    top: 50%;
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}
.modal-login {      
    color: #636363;
    max-width: 500px;
}
.form-group {
    margin-bottom: 0.7rem;
}

.modal-login .modal-header {
    border-bottom: none;   
    position: relative;
    justify-content: center;
}
.modal-login .form-control:focus {
    border-color: rgba(0,0,0,.5);
    box-shadow: 0 0 0 2px rgb(255, 245, 32, 0.19);
}
.modal-login .form-control, .modal-login .btn {
    min-height: 40px;
    border-radius: 3px; 
}
input.form-cptcha {
    background-color:  rgb(52, 52, 52, 0.52);
    border: 1px solid #4f4b50;
    min-height: 40px;
    border-radius: 3px;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    width: 68%;
    display: inline-block;
    vertical-align: bottom;
}
span#code_match {
    width: 30%;
    line-height: 40px;
    text-align: center;
    background: #ffa500;
    color: #1e1623;
    text-transform: uppercase;
    font-size:18px;
    font-weight: 700;
    display: inline-block;
}
.modal-login .close {
    position: absolute;
    top: -5px;
    right: -5px;
    text-shadow: 0 1px 0 #1b1b23;
    color:#ffc107;
    font-size: 3rem;
}
.modal-login .close:hover{
    color: red;
}
.modal-login .modal-footer {
    border-top: none;
    text-align: center;
    justify-content: center;
    margin: 0 -20px -20px;
    border-radius: 5px;
    font-size: 13px;
}
.modal-login .modal-footer a {
    color: #999;
}       

.modal-login .btn, .modal-login .btn:active {
    color: #fff;
    background:transparent linear-gradient(180deg,#f5d13f, #ffa500 100%) !important;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    border: none;
    border-radius: 35px;
    width: 150px;
    padding: 10px;
}
.modal-login .btn:hover, .modal-login .btn:focus {
    background: #947233 !important;
    outline: none;
}

#regisModal,
#loginModal,
.modal-open {
    padding-right: 0px !important;
}
div#check_user {
    font-size: 12px;
}
/******************
footer
***************/

footer {
    position: relative;
    clear: both;
}
.provi{
	text-align: center;
	margin: 0 auto;
}
.r_footer {
    height: 238px;
    color: #f0da00;
    padding-top: 40px;
    font-size: 15px;
    width: 1200px;
    margin: 0 auto;
}
.r_footer .list_about {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 6px;
    margin-top: 30px;
}
.r_footer .list_about li {
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}
.r_footer .list_about li:after {
    content: " ";
    position: absolute;
    right: 0;
    width: 1px;
    height: 12px;
    top: 5px;
    background-color: #999;
}
.r_footer .list_about li:hover {
    color: #fff;
}
.r_footer .list_about li:last-child:after {
    display: none;
}
.r_footer .copyright {
    margin-bottom: 10px;
    text-align: center;
}
.backtop {
    width: 72px;
    height: 72px;
    background: url(../images/backTop.d0634.svg) no-repeat;
    position: fixed;
    bottom: 52px;
    background-size: contain;
    cursor: pointer;
    z-index: 9999;
      transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  cursor: pointer;
}
/***************
Home
******************/
section.slot_sec {
    margin-top: 50px;
}
.jc {
    height: 108px;
    width: 100%;
    margin: 8px 0 20px 0;
}
.jc,
.jc > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.jc > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #c70e0e;
    margin-right: 16px;
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#f6f8fe), color-stop(96%, #919191), to(#eaeae8)) 0 0 no-repeat padding-box;
    background: transparent -webkit-linear-gradient(top, #f6f8fe, #919191 96%, #eaeae8) 0 0 no-repeat padding-box;
    background: transparent -o-linear-gradient(top, #f6f8fe 0, #919191 96%, #eaeae8 100%) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(180deg, #f6f8fe, #919191 96%, #eaeae8) 0 0 no-repeat padding-box;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    position: relative;
    padding-left: 20px;
    padding-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    background: #f1a000;
}
.jc > div:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 135px;
    height: 108px;
    z-index: 0;
}
/* .jc > div:first-child:before {
    background-image: url(../images/payment/1.png);
}
.jc > div:nth-child(2):before {
    background-image: url(../images/home/afb.png);
}
.jc > div:nth-child(3):before {
    background-image: url(../images/home/pt.png);
} */
.jc > div:last-child {
    margin-right: 0;
}
.jc > div > label {
    font-size: 18px;
    line-height: 25px;
    height: 25px;
    position: relative;
}
.jc > div > span {
    font-size: 30px;
    font-weight: 700;
    height: 63px;
    line-height: 63px;
    position: relative;
    z-index: 1;
    color: #000;
}
.jc > div > span:before {
    content: "$";
}
.slot_sec .col-md-2{
    margin-bottom: 10px;
}
.games_title h2 {
    color:#eec422;
    font-size: 30px;
    padding: 5px;
    border-left: 7px solid #f8d937;
    padding-left: 15px;
    background:linear-gradient(90deg, rgb(52, 52, 52, 0.50) 0%,  rgb(75, 23, 169,  0) 100%);
    margin-bottom: 20px;
}
.cas-content h5{
    font-size: 24px;
    color: #ffe255;
}
.title-games {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.sports-content {
    border-radius: 12px;
    box-shadow: -2px 2px 4px 0 rgba(0,0,0,.2);
    background-color: rgba(193,193,193,.1);
    font-family: catamaran,sans-serif;
    padding: 25px 20px 16px 47px;
    width: 488px;
    margin-bottom: 10px;
}
.sports-content h2 {
    color: #f1cc50;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.33;
}
.sports-content p {
    color: rgba(248,248,248,.8);
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 11px;
}
.sports-content a {
    border-radius: 4px;
    border: solid 1.5px #f1cc50;
    color: #f1cc50;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    padding:5px 0 5px;
    text-align: center;
    width: 120px;
}
.lot_text:hover,
/* .num_text:hover, */
.sports-content:hover {
    background: rgb(193, 193, 193, 0.2);
}
/*****************
lottery
*****************/
.num-content,
.lottery-content {
    border-bottom: 1px solid #404853;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.num_text,
.lot_text {
    border-radius: 12px;
    /* box-shadow: -2px 2px 4px 0 rgba(0,0,0,.2); */
    /* background-color: rgba(193,193,193,.1); */
    font-family: catamaran,sans-serif;
    /* padding: 25px 20px 16px 47px; */
    margin-bottom: 10px;
}
.num_text h2,
.lot_text h2{
    color: #f1cc50;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.33;
}
.num_text p,
.lot_text p {
    color: rgba(248,248,248,.8);
    font-size: 18px;
    font-weight: 500;
    /* padding-bottom: 11px; */
}
/* .num_text a,
.lot_text a {
    border-radius: 4px;
    border: solid 1.5px #f1cc50;
    color: #f1cc50;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    padding:5px 0 5px;
    text-align: center;
    width: 120px;
} */
.poker_text {
    position: absolute;
    top: 78%;
    left: 50%;
    height: auto;
    font-size: 30px;
    display: block;
    transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,0%);
    text-transform: uppercase;
    text-align: center;
}
.poker_text h5 {
    font-size: 24px;
    color: #fff;
}
.cas-item:hover,
.box-poker:hover,
.box-slot:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}
.cas-item,
.box-poker,
.box-slot{
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.cas-item:hover img,
.box-slot:hover img,
.box-poker:hover img{
    filter: url(http://www.khmergaming.com/#grayscale”);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.slot_sec .col-md-2{
    width: 16.66%!important;
}
/*******
snow
*********/
.snowflake {
    color: #fff;
    font-size: 1.5em;
    font-family: Arial, sans-serif;
    text-shadow: 0 0 5px #000;
}

@-webkit-keyframes snowflakes-fall {
    0% {
        top: -10%;
    }
    100% {
        top: 100%;
    }
}
@-webkit-keyframes snowflakes-shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
    }
}
@keyframes snowflakes-fall {
    0% {
        top: -10%;
    }
    100% {
        top: 100%;
    }
}
@keyframes snowflakes-shake {
    0%,
    100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(80px);
    }
}
.snowflake {
    position: fixed;
    top: -10%;
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    -webkit-animation-name: snowflakes-fall, snowflakes-shake;
    -webkit-animation-duration: 10s, 3s;
    -webkit-animation-timing-function: linear, ease-in-out;
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-play-state: running, running;
    animation-name: snowflakes-fall, snowflakes-shake;
    animation-duration: 10s, 3s;
    animation-timing-function: linear, ease-in-out;
    animation-iteration-count: infinite, infinite;
    animation-play-state: running, running;
}
.snowflake:nth-of-type(0) {
    left: 1%;
    -webkit-animation-delay: 0s, 0s;
    animation-delay: 0s, 0s;
}
.snowflake:nth-of-type(1) {
    left: 10%;
    -webkit-animation-delay: 1s, 1s;
    animation-delay: 1s, 1s;
}
.snowflake:nth-of-type(2) {
    left: 20%;
    -webkit-animation-delay: 6s, 0.5s;
    animation-delay: 6s, 0.5s;
}
.snowflake:nth-of-type(3) {
    left: 30%;
    -webkit-animation-delay: 4s, 2s;
    animation-delay: 4s, 2s;
}
.snowflake:nth-of-type(4) {
    left: 40%;
    -webkit-animation-delay: 2s, 2s;
    animation-delay: 2s, 2s;
}
.snowflake:nth-of-type(5) {
    left: 50%;
    -webkit-animation-delay: 8s, 3s;
    animation-delay: 8s, 3s;
}
.snowflake:nth-of-type(6) {
    left: 60%;
    -webkit-animation-delay: 6s, 2s;
    animation-delay: 6s, 2s;
}
.snowflake:nth-of-type(7) {
    left: 70%;
    -webkit-animation-delay: 2.5s, 1s;
    animation-delay: 2.5s, 1s;
}
.snowflake:nth-of-type(8) {
    left: 80%;
    -webkit-animation-delay: 1s, 0s;
    animation-delay: 1s, 0s;
}
.snowflake:nth-of-type(9) {
    left: 90%;
    -webkit-animation-delay: 3s, 1.5s;
    animation-delay: 3s, 1.5s;
}
.snowflake:nth-of-type(10) {
    left: 25%;
    -webkit-animation-delay: 2s, 0s;
    animation-delay: 2s, 0s;
}
.snowflake:nth-of-type(11) {
    left: 65%;
    -webkit-animation-delay: 4s, 2.5s;
    animation-delay: 4s, 2.5s;
}
.snowflake:nth-of-type(12) {
    left: 95%;
    -webkit-animation-delay: 4s, 2.5s;
    animation-delay: 4s, 2.5s;
}
.gif_icon {
    position: fixed;
    bottom: 22%;
    z-index: 1;
    left: 60px;
    background-image: url(../images/gift.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    -webkit-animation: fudong 2s ease-in-out infinite;
    animation: fudong 2s ease-in-out infinite;
    cursor: pointer;
    width: 250px;
    height: 178px;
}
.gif_icon:hover {
    -webkit-filter: brightness(1.05);
    filter: brightness(1.05);
}
.payment{
    background: linear-gradient(to bottom, #ff7906 0%, #351a07 100%) no-repeat;
    border-radius: 7px;
}
.games{
    border: 2px solid #ff7205;
    border-radius: 6px;
}
.copy-right{
    min-height: 50px;
    padding: 10px 0;
    background-color: #0b4a9f;
    font-size: 13px;
    color: #ffffff;
    background: linear-gradient(to bottom, #232323, #0d0d0d) no-repeat!important;
}
.ur-footer{
    /* background: linear-gradient(to bottom, #232323, #0d0d0d) no-repeat!important; */
    background: linear-gradient(to bottom, #2b2b2b, #080808) no-repeat!important;
}
.game-provider {
    color: #808080;
    font-size: 27px;
    padding: 5px;
    font-weight: bolder;
    padding-left: 15px;
    margin-bottom: 20px;
    font-family: Battambang;
}
.bank {
    background: rgb(10 8 8 / 100%);
    color: #eec422;
    font-size: 30px;
    padding: 14px;
    padding-left: 47px;
    margin-bottom: 20px;
    border-radius: 7px;
}
.col-md-3.col-3.display_bank{
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.bank-letter{
    color: #808080;
    font-size: 22px;
    padding: 5px;
    font-weight: bolder;
    padding-left: -18px;
    margin-bottom: 20px;
    padding-top: 12%;
}
.contact{
    color: #000000;
    font-size: 48px !important;
    font-weight: bold;
    padding: 15px;
    padding-left: 15px;
    background: linear-gradient(to top, #e5b022, #fbe50a);
    margin-bottom: 20px;
}
.font-a6{
    font-size: 35px;
    color: #ecc01d;
    margin: 5px;
}
.font-a6-phone{
    font-size: 30px;
    color: #ecc01d;
    margin: 5px;
}
.font-a6-nav{
    font-size: 35px;
    color: #000000;
    
}
.social-media{
    display: flex;
}
.user {
    border-radius: 4px;
    padding: 7px;
}
.logo-ur{
    width: 76%;
    text-align: right;
    vertical-align: middle;
    padding-top: 0px;
}
.font-a6-home {
    font-size: 35px;
    color: #000000;
    margin: 5px;
}
.footer-hover:hover{
    background: rgb(0, 0, 0, 0.20);
    padding: 19px;
    color: #000000;

}
.wrapper-promo {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 30px;
    padding-top: 50px !important;
}

/* .wrapper-pro-banner {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    margin-top: 182px;
    padding-bottom: 30px;
} */
.title-pro{
    color: #ecc01d;
    font-size: 20px;
    font-weight: 700;
    font-family: Battambang;
}
.title-pro-modal{
    color: #232323;
    font-size: 20px;
    font-weight: 700;
    font-family: Battambang;
}
.modal-body{
    color: #020202;
    font-size: 20px;
}
.side-nav {
    /* position: absolute; */
    right: -195px;
    transition: 0.3s !important;
    padding: 0px 0;
    text-decoration: none;
}
.side-nav:hover {
    right: 0;
  }
  .btn-read-more{
    border-radius: 4px;
    border: solid 1.5px #f1cc50;
    color: #f1cc50;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    padding: 5px 0 5px;
    text-align: center;
    width: 120px;
  }
  .detail-content{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: 100%;
    color: #e8b921;
    font-size: 16px;
}
.detail-content-page{
    color: #e8b921;
    font-size: 16px;
    text-align: justify !important;
}
.nav-title-pro{
    color: #ecc01d !important;
    font-family: Battambang;
    /* line-height: 42px; */
    letter-spacing: -.1px;
    /* margin-bottom: 13px; */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    text-align: left;
    font-size: 14px !important;
}
span._50f7 {
    color: #e9ba1e !important;
}
/* iframe.fb_customer_chat_icon {
    bottom: 30% !important;
} */